<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        {{msg}}
    </div>
</body>
<script src="./js/vue.js"></script>
<script>
    Vue.config.productionTip = false;

    var vm= new Vue({
        el:"#app",
        data:{
            msg:"hello vue",
        }
    })


    //注册vue自定义事件
    /*vm.$on("damu",(flag)=>{
        console.log("damu1",flag)
    })
    vm.$on("damu",(flag)=>{
        console.log("damu2",flag)
    })

    setTimeout(()=>{
        vm.$emit("damu","参数")
    },2000)*/

    //注册vue自定义事件
    /*vm.$once("damu",(flag)=>{
        console.log("damu",flag)
    })
    setInterval(()=>{
        vm.$emit("damu","参数")
    },2000)*/

    //注册vue自定义事件
    function zdy(){
        console.log("zdy2")
    }
    vm.$on("damu",()=>{
        console.log("damu1")
    })
    vm.$on("damu",()=>{
        console.log("damu2")
    })
    vm.$on("zdy",()=>{
        console.log("zdy1")
    })
    vm.$on("zdy",zdy)
    setInterval(()=>{
        vm.$emit("damu")
        vm.$emit("zdy")
    },1000)

    setTimeout(()=>{
        //vm.$off() //解绑所有事件
        //vm.$off("zdy") //解绑zdy事件
        vm.$off("zdy",zdy) //解绑zdy事件上的指定回调
    },3000)

</script>
</html>